// width  max-width  min-width 5-750 (5的倍数)
$i: 5;
@while $i <= 750 {
  $value: #{$i}rpx;
  .w-#{$i} {
    width: $value;
  }
  .max-#{$i} {
    max-width: $value;
  }
  .min-#{$i} {
    min-width: $value;
  }
  $i: $i + 5;
}

// 字体大小 20 - 64 偶数
$f: 20;
@while $f <= 64 {
  .font-#{$f} {
    font-size: #{$f}rpx;
  }
  $f: $f + 2;
}

$g: 2;
$position-map: (
        'p':'padding',
        'm':'margin',
        'p-t':'padding-top',
        'p-b':'padding-bottom',
        'p-l':'padding-left',
        'p-r':'padding-right',
        'm-t':'margin-top',
        'm-b':'margin-bottom',
        'm-l':'margin-left',
        'm-r':'margin-right',
        'radius':'border-radius'
);
@while $g <= 240 {
  $value: #{$g}rpx;
  @each $key, $v in $position-map {
    .#{$key}-#{$g} {
      #{$v}: #{$value};
    }
  }
  $g: $g + 2;
}
